$(function() {
    //点击购物车阻止登录
    $(".btn-cart").on("click", function() {
        layer.msg('您还没有登录,请登录后在操作', {
            icon: 2,
            offset: 't',
            anim: 6
        });
        setTimeout(function() {
            $(window).attr('location', './login.html');
        }, 2000)
    })

    //首页跳转
    $(".tab-bar-layout .tab").eq(0).on("click", function() {
        $(window).attr('location', './index.html');
    }).siblings().on("click", function() {
        $(window).attr('location', './list.html');
    })

    //手机号验证
    var tleFlag = false;
    $(".tel").blur(function() {
        var telStr = /^1([38]\d|4[5-9]|5[0-35-9]|6[56]|7[0-8]|9[189])\d{8}$/;
        var inputStr = $(".tel").prop("value");
        if (inputStr == "") {
            $(".shoJi").html('请输入手机号').css("color", "red");
            tleFlag = false;
            return;
        }
        if (!(telStr.test(inputStr))) {
            $(".shoJi").html('请输入正确的手机号').css("color", "red");
            tleFlag = false;
        } else {
            $(".shoJi").html('手机号正确').css("color", "#999");
            tleFlag = true;
        }
    })

    //图形验证
    var yanZenFlag = false;
    var verifyCode = new GVerify("v_container");
    $("#yanZen").blur(function() {
        var res = verifyCode.validate(document.getElementById("yanZen").value);
        if ($("#yanZen").prop("value") == "") {
            $(".tuXng").html('请输入验证码').css("color", "red");
            yanZenFlag = false;
            return;
        }
        if (res) {
            $(".tuXng").html("验证码正确").css("color", "#999")
            yanZenFlag = true;
        } else {
            $(".tuXng").html("验证码错误").css("color", "red")
            yanZenFlag = false;
        }
        // verifyCode.refresh()
    })

    //密码验证
    var pwdFlag = false;
    $(".pwd").blur(function() {
        var reg = /^[\w]{6,12}$/;
        if ($(this).prop("value") == "") {
            $(".mm").html('请输入密码').css("color", "red");
            pwdFlag = false;
            return;
        }
        if ($(this).prop("value").length >= 6 && $(this).prop("value").length <= 12) {
            if (reg.test($(this).prop("value"))) {
                $(".mm").html("密码可用").css("color", "#999")
                pwdFlag = true;
            } else {
                $(".mm").html("密码为数字字母组成").css("color", "red")
                pwdFlag = false;
            }
        } else {
            $(".mm").html("密码长度为6-12位").css("color", "red")
            pwdFlag = false;
        }
    })

    var upwdFlag = false;
    $(".upwd").blur(function() {
        if ($(this).prop("value") == "") {
            $(".qum").html('请确认密码').css("color", "red");
            upwdFlag = false;
            return;
        }
        if ($(this).prop("value") == $(".pwd").prop("value")) {
            $(".qum").html("密码一致").css("color", "#999")
            upwdFlag = true;
        } else {
            $(".qum").html("两次密码不一致").css("color", "red")
            upwdFlag = false;
        }
    })

    //我同意
    $(".el-checkbox__inner").on("click", function() {
        if (this.checked == true) {
            $("#btn-reg").css("background", "red")
        } else {
            $("#btn-reg").css("background", "#bebebe")
        }
    })

    $("form").on("submit", function() {
        if (!tleFlag) {
            layer.alert('请检查手机号是否有误', {
                icon: 5,
                title: "注册失败"
            })
        } else if (!yanZenFlag) {
            layer.alert('请检查验证码是否正确', {
                icon: 5,
                title: "注册失败"
            })
        } else if (!pwdFlag) {
            layer.alert('密码不合法哦', {
                icon: 5,
                title: "注册失败"
            })
        } else if (!upwdFlag) {
            layer.alert('两次密码不一致', {
                icon: 5,
                title: "注册失败"
            })
        } else if (!$(".el-checkbox__inner").prop("checked")) {
            layer.alert('请同意用户协议', {
                icon: 5,
                title: "注册失败"
            })
        } else {
            var list = {
                utel: $(".tel").prop("value"),
                upwd: $(".pwd").prop("value")
            }
            $.ajax({
                url: "/api/reg",
                data: list,
                type: "post"
            }).then(function(res) {
                if (res.status == 1) {
                    layer.msg('注册成功', {
                        icon: 6
                    })
                    setTimeout(function() {
                        $(window).attr('location', './login.html');
                    }, 2000)
                } else {
                    layer.msg("注册失败,用户名已存在", {
                        icon: 5
                    })
                }
            })
        }
        return false
    })
})